<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Tutsplus | Sliding Menu</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta content='blog tutorial, blogger, blogspot, tutorial javascript, tutorial jquery, desain, tutorial css, kumpulan tutorial blog, cara membuat blog, membuat blog, blog ' name='keywords'/>
<meta content='demo tutorial sliding menu vertical with jquery' name='description'/>
<script type="text/javascript" src="js/custom-easing.js"></script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js' type='text/javascript'></script>
</head>
<body>
<div id="container">
<div id="header">
<h1>Mega Menu <span>Slide Vertical</span></h1>
<h2>Cara membuat sliding mega menu dengan <span>CSS</span> dan <span>jQuery</span></h2>
<div style="border-bottom: 1px solid #444; border-top: 1px solid #222; clear: both; display: block; margin: 10px auto; width: 100%;"></div>
</div>
<div id="button">
<img src="images/button.png" width="184" height="32" class="menu_ct" />
<ul class="ct_menu">
	<li><ul class="menu1">
	<h3>Tutorial</h3>
			<li><a href="#">CSS </a></li>
			<li><a href="#">Javascript</a></li>
			<li><a href="#">jQuery</a></li>
			<li><a href="#">HTML</a></li>
</ul></li>
	<li><ul class="menu2">
	<h3>Reference</h3>
			<li><a href="#">Trick CSS</a></li>
			<li><a href="#">Web Design</a></li>
			<li><a href="#">CSS Tutorial</a></li>
			<li><a href="#">Blogger Tool</a></li>
</ul></li>
	<li><ul class="menu3">
	<h3>Contact Me</h3>
			<li><a href="#">Facebook</a></li>
			<li><a href="#">Google+</a></li>
			<li><a href="#">Linkedin</a></li>
			<li><a href="#">Twitter</a></li>
</ul></li>
	<li><ul class="menu4">
	<h3>More »</h3>
			<li><a href="#">Advertise</a></li>
			<li><a href="#">Contact Me</a></li>
			<li><a href="#">Blogger</a></li>
			<li><a href="#">Wordpress</a></li>
</ul></li>
	<div  class="foot-menu">
	<div class="image"><img class="ct-about" src="images/about-me.jpg" alt="ana silvana"/></div>
	<div class="about">Tentang Saya</div>
		<p>Tak selamanya hidup itu indah, namun keindahaan akan tiba jika kita tidak pernah mengeluh sebesar apapun masalah.
		<a href="http://under-88.blogspot.com/p/auto-backlink.html" target="_blank"><img class="ct" src="http://3.bp.blogspot.com/-ifmt3J8IxwQ/T7XbMeys63I/AAAAAAAABH4/uQtd3xy1rMk/s1600/link-exchange.png" title="free BackLink by CSS-tutorial" height="auto" width="88" border="0" />  <noscript><a href="http://under-88.blogspot.com/"  alt="BlogUNDER88 Tutorial Blogger Blogspot">CSS Tutsplus- web tutorial and resource</a></noscript></a></p>
	</div>
</ul>
</div><!-- end button-->
<div id="credit">
</div><!-- end credit-->
</div><!-- end container-->
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
    $('img.menu_ct').click(function () {
	$('ul.ct_menu').slideToggle('medium');
    });
});
//]]>
</script>
<script type='text/javascript'>
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-29928702-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script');
        ga.type = 'text/javascript';
        ga.async = true;
        ga.src = (document.location.protocol == 'https:' ?
                  'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ga, s);
      })();
    </script>
</body>
</html>
